{layout name="layout/layout"}
<main class="main">
  <section class="home-slider bg-grey-9 position-relative">
    <div class="hero-slider-1 dot-style-1 dot-style-1-position-1">
      <div class="single-hero-slider single-animation-wrap">
        <div class="container">
          <div class="row align-items-center slider-animated-1">
            <div class="col-lg-5 col-md-6">
              <div class="hero-slider-content-2">
                <h4 class="animated">Trade-In Offer</h4>
                <h2 class="animated fw-900">Supper Value Deals</h2>
                <h1 class="animated fw-900 text-brand">On All Products</h1>
                <p class="animated">Save more with coupons & up to 70% off</p>
                <a
                  class="animated btn btn-default btn-rounded"
                  href="/product/right"
                >
                  SHOP NOW <i class="fa fa-arrow-right"></i>
                </a>
              </div>
            </div>
            <div class="col-lg-7 col-md-6">
              <div class="single-slider-img single-slider-img-1">
                <img
                  class="animated"
                  src="/static/imgs/slider/slider-1.png"
                  alt=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="single-hero-slider single-animation-wrap">
        <div class="container">
          <div class="row align-items-center slider-animated-1">
            <div class="col-lg-5 col-md-6">
              <div class="hero-slider-content-2">
                <h4 class="animated">Tech Promotions</h4>
                <h2 class="animated fw-900">Tech Trending</h2>
                <h1 class="animated fw-900 text-brand">Great Collection</h1>
                <p class="animated">Save more with coupons & up to 20% off</p>
                <a
                  class="animated btn btn-default btn-rounded"
                  href="/product/right"
                >
                  DISCOVER NOW <i class="fa fa-arrow-right"></i>
                </a>
              </div>
            </div>
            <div class="col-lg-7 col-md-6">
              <div class="single-slider-img single-slider-img-1">
                <img
                  class="animated"
                  src="/static/imgs/slider/slider-2.png"
                  alt=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="single-hero-slider single-animation-wrap">
        <div class="container">
          <div class="row align-items-center slider-animated-1">
            <div class="col-lg-5 col-md-6">
              <div class="hero-slider-content-2">
                <h4 class="animated">Upcoming Offer</h4>
                <h2 class="animated fw-900">Big Deals From</h2>
                <h1 class="animated fw-900 text-brand">Manufacturer</h1>
                <p class="animated">Headphone, Gaming Laptop, PC and more...</p>
                <a
                  class="animated btn btn-default btn-rounded"
                  href="/product/right"
                >
                  SHOP NOW <i class="fa fa-arrow-right"></i>
                </a>
              </div>
            </div>
            <div class="col-lg-7 col-md-6">
              <div class="single-slider-img single-slider-img-1">
                <img
                  class="animated"
                  src="/static/imgs/slider/slider-3.png"
                  alt=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="slider-arrow hero-slider-1-arrow"></div>
  </section>
  <section class="featured section-padding-60">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6 mb-md-3 mb-lg-0">
          <div
            class="banner-left-icon d-flex align-items-center wow fadeIn animated"
          >
            <div class="banner-icon">
              <img src="/static/imgs/theme/icons/icon-truck.svg" alt="" />
            </div>
            <div class="banner-text">
              <h3 class="icon-box-title">Free Shipping</h3>
              <p>Orders $50 or more</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 mb-md-3">
          <div
            class="banner-left-icon d-flex align-items-center wow fadeIn animated"
          >
            <div class="banner-icon">
              <img src="/static/imgs/theme/icons/icon-purchase.svg" alt="" />
            </div>
            <div class="banner-text">
              <h3 class="icon-box-title">Free Returns</h3>
              <p>Within 30 days</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div
            class="banner-left-icon d-flex align-items-center wow fadeIn animated"
          >
            <div class="banner-icon">
              <img src="/static/imgs/theme/icons/icon-bag.svg" alt="" />
            </div>
            <div class="banner-text">
              <h3 class="icon-box-title">Get 20% Off 1 Item</h3>
              <p>When you sign up</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div
            class="banner-left-icon d-flex align-items-center wow fadeIn animated mb-sm-0"
          >
            <div class="banner-icon">
              <img src="/static/imgs/theme/icons/icon-operator.svg" alt="" />
            </div>
            <div class="banner-text">
              <h3 class="icon-box-title">Support Center</h3>
              <p>24/7 amazing services</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="popular-categories bg-grey-9 section-padding-60">
    <div class="container wow fadeIn animated">
      <h3 class="section-title mb-30"><span>Popular</span> Categories</h3>
      <div class="carausel-6-columns-cover position-relative">
        <div
          class="slider-arrow slider-arrow-2 carausel-6-columns-arrow"
          id="carausel-6-columns-arrows"
        ></div>
        <div class="carausel-6-columns" id="carausel-6-columns">
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-1.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Men's Fashion</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-2.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Women's Fashion</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-3.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Watches</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-4.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Bag & Shoes</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-5.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Phone</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-6.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Computers</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-7.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Laptop</a></h5>
          </div>
          <div class="card-1 border-radius-10 hover-up p-30">
            <figure class="mb-30 img-hover-scale overflow-hidden">
              <img src="/static/imgs/shop/category-thumb-8.jpg" alt="" />
            </figure>
            <h5><a href="/shop/right">Furniture</a></h5>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="banners pt-60">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-6">
          <div class="banner-img wow fadeIn animated">
            <img
              class="border-radius-10"
              src="/static/imgs/banner/banner-1.png"
              alt=""
            />
            <div class="banner-text">
              <span>Smart Offer</span>
              <h4>Save 20% on <br />iPhone 12</h4>
              <a href="/shop/right"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6">
          <div class="banner-img wow fadeIn animated">
            <img
              class="border-radius-10"
              src="/static/imgs/banner/banner-2.png"
              alt=""
            />
            <div class="banner-text">
              <span>Sale off</span>
              <h4>Great Camera <br />Collection</h4>
              <a href="/shop/right"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 d-md-none d-lg-flex">
          <div class="banner-img wow fadeIn animated mb-sm-0">
            <img
              class="border-radius-10"
              src="/static/imgs/banner/banner-3.png"
              alt=""
            />
            <div class="banner-text">
              <span>New Arrivals</span>
              <h4>Shop Today’s <br />Deals & Offers</h4>
              <a href="/shop/right"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="product-tabs pt-40 pb-30 wow fadeIn animated">
    <div class="container">
      <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
          <button
            class="nav-link active"
            id="nav-tab-one"
            data-bs-toggle="tab"
            data-bs-target="#tab-one"
            type="button"
            role="tab"
            aria-controls="tab-one"
            aria-selected="true"
          >
            Featured
          </button>
        </li>
        <li class="nav-item" role="presentation">
          <button
            class="nav-link"
            id="nav-tab-two"
            data-bs-toggle="tab"
            data-bs-target="#tab-two"
            type="button"
            role="tab"
            aria-controls="tab-two"
            aria-selected="false"
          >
            Popular
          </button>
        </li>
        <li class="nav-item" role="presentation">
          <button
            class="nav-link"
            id="nav-tab-three"
            data-bs-toggle="tab"
            data-bs-target="#tab-three"
            type="button"
            role="tab"
            aria-controls="tab-three"
            aria-selected="false"
          >
            New added
          </button>
        </li>
      </ul>
      <!--End nav-tabs-->
      <div class="tab-content wow fadeIn animated" id="myTabContent">
        <div
          class="tab-pane fade show active"
          id="tab-one"
          role="tabpanel"
          aria-labelledby="tab-one"
        >
          <div class="row product-grid-4">
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-2-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-2-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">Hot</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Headphone Ultra Bass</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>90%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-3-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-3-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Smart Home Speaker</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>50%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$138.85 </span>
                    <span class="old-price">$255.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-7-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-7-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="best">Best Sell</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Watch</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple Watch Serial 7</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>95%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$338.85 </span>
                    <span class="old-price">$445.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-1-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-1-3.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="sale">Sale</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Boxed - Bluetooth Headphone</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$123.85 </span>
                    <span class="old-price">$235.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-4-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-3-4.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-30%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Speaker</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Chikie - Bluetooth Speaker</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$28.85 </span>
                    <span class="old-price">$45.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-5-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-5-3.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-22%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Camera</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Camera Hikvision HK-35VS8</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-8-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-8-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Phone</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple iPhone 13 Plus</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>98%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$1275.85 </span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-11-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-11-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Accessories </a>
                  </div>
                  <h2>
                    <a href="/product/right">Leather Watch Band</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--End product-grid-4-->
        </div>
        <!--En tab one (Featured)-->
        <div
          class="tab-pane fade"
          id="tab-two"
          role="tabpanel"
          aria-labelledby="tab-two"
        >
          <div class="row product-grid-4">
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-3-3.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-3-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">Hot</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Headphone Ultra Bass</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>90%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-2-4.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-2-3.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Smart Home Speaker</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>50%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$138.85 </span>
                    <span class="old-price">$255.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-7-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-7-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="best">Best Sell</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Watch</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple Watch Serial 7</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>95%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$338.85 </span>
                    <span class="old-price">$445.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-1-3.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-1-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="sale">Sale</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Boxed - Bluetooth Headphone</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$123.85 </span>
                    <span class="old-price">$235.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-3-4.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-4-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-30%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Speaker</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Chikie - Bluetooth Speaker</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$28.85 </span>
                    <span class="old-price">$45.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-9-1.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-9-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-22%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Camera</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Camera Hikvision HK-35VS8</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-10-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-12-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Phone</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple iPhone 13 Plus</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>98%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$1275.85 </span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-7-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-7-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Accessories </a>
                  </div>
                  <h2>
                    <a href="/product/right">Leather Watch Band</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--End product-grid-4-->
        </div>
        <!--En tab two (Popular)-->
        <div
          class="tab-pane fade"
          id="tab-three"
          role="tabpanel"
          aria-labelledby="tab-three"
        >
          <div class="row product-grid-4">
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-15-2.jpg"
                        alt=""
                      />
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-15-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">Hot</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Headphone Ultra Bass</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>90%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-13-1.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-13-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right">Smart Home Speaker</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>50%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$138.85 </span>
                    <span class="old-price">$255.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-14-1.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-14-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="best">Best Sell</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Watch</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple Watch Serial 7</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>95%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$338.85 </span>
                    <span class="old-price">$445.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-4-3.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-4-4.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="sale">Sale</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Music</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Boxed - Bluetooth Headphone</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$123.85 </span>
                    <span class="old-price">$235.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-5-4.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-6-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-30%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Speaker</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Chikie - Bluetooth Speaker</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$28.85 </span>
                    <span class="old-price">$45.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-6-2.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-5-1.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="hot">-22%</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Camera</a>
                  </div>
                  <h2>
                    <a href="/product/right"
                      >Camera Hikvision HK-35VS8</a
                    >
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-10-1.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-10-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                  <div
                    class="product-badges product-badges-position product-badges-mrg"
                  >
                    <span class="new">New</span>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Phone</a>
                  </div>
                  <h2>
                    <a href="/product/right">Apple iPhone 13 Plus</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>98%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$1275.85 </span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-4 col-12 col-sm-6">
              <div class="product-cart-wrap mb-30">
                <div class="product-img-action-wrap">
                  <div class="product-img product-img-zoom">
                    <a href="/product/right">
                      <img
                        class="hover-img"
                        src="/static/imgs/shop/product-2-1.jpg"
                        alt=""
                      />
                      <img
                        class="default-img"
                        src="/static/imgs/shop/product-2-2.jpg"
                        alt=""
                      />
                    </a>
                  </div>
                  <div class="product-action-1">
                    <a aria-label="Quick view" class="action-btn hover-up"
                      ><i class="far fa-search"></i
                    ></a>
                    <a
                      aria-label="Add To Wishlist"
                      class="action-btn hover-up"
                      href="/wishlist"
                      ><i class="far fa-heart"></i
                    ></a>
                    <a
                      aria-label="Compare"
                      class="action-btn hover-up"
                      href="/compare"
                      ><i class="far fa-exchange-alt"></i
                    ></a>
                  </div>
                </div>
                <div class="product-content-wrap">
                  <div class="product-category">
                    <a href="/shop/right">Accessories </a>
                  </div>
                  <h2>
                    <a href="/product/right">Leather Watch Band</a>
                  </h2>
                  <div class="rating-result" title="90%">
                    <span>
                      <span>70%</span>
                    </span>
                  </div>
                  <div class="product-price">
                    <span>$238.85 </span>
                    <span class="old-price">$245.8</span>
                  </div>
                  <div class="product-action-1 show">
                    <a
                      aria-label="Add To Cart"
                      class="action-btn hover-up"
                      href="/cart"
                      ><i class="far fa-shopping-bag"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--End product-grid-4-->
        </div>
        <!--En tab three (New added)-->
      </div>
      <!--End tab-content-->
    </div>
  </section>
  <section class="banner-2">
    <div class="container">
      <div class="banner-img banner-big wow fadeIn animated f-none">
        <img src="/static/imgs/banner/banner-4.png" alt="" />
        <div class="banner-text">
          <h4 class="mb-15 mt-40 text-white">Repair Services</h4>
          <h2 class="fw-600 mb-20 text-white">
            We're an Apple <br />Authorised Service Provider
          </h2>
          <a href="/shop/right" class="btn"
            >Learn More <i class="fa fa-arrow-right"></i
          ></a>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding-60">
    <div class="container wow fadeIn animated">
      <h3 class="section-title style-1 mb-30">New Arrivals</h3>
      <div class="carausel-6-columns-cover arrow-center position-relative">
        <div
          class="slider-arrow slider-arrow-2 carausel-6-columns-arrow"
          id="carausel-6-columns-2-arrows"
        ></div>
        <div
          class="carausel-6-columns carausel-arrow-center"
          id="carausel-6-columns-2"
        >
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-2-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-2-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="hot">Hot</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Ulstra Bass Headphone</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$238.85 </span>
                <span class="old-price">$245.8</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-4-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-4-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="new">New</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Smart Home Speaker</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$173.85 </span>
                <span class="old-price">$185.8</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-15-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-15-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="sale">Sale</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Sony hand gaming</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$215.85 </span>
                <span class="old-price">$235.8</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-3-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-3-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="hot">.33%</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Bluetooth Speaker</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$83.8 </span>
                <span class="old-price">$125.2</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-9-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-9-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="hot">-25%</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Macbook Air 2024</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$1238.85 </span>
                <span class="old-price">$1245.8</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-7-1.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-7-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
              <div
                class="product-badges product-badges-position product-badges-mrg"
              >
                <span class="new">New</span>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Leather Watch Band</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$123 </span>
                <span class="old-price">$156</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
          <div class="product-cart-wrap small hover-up">
            <div class="product-img-action-wrap">
              <div class="product-img product-img-zoom">
                <a href="/product/right">
                  <img
                    class="default-img"
                    src="/static/imgs/shop/product-1-2.jpg"
                    alt=""
                  />
                  <img
                    class="hover-img"
                    src="/static/imgs/shop/product-2-2.jpg"
                    alt=""
                  />
                </a>
              </div>
              <div class="product-action-1">
                <a
                  aria-label="Quick view"
                  class="action-btn small hover-up"
                  tabindex="0"
                  ><i class="far fa-search"></i
                ></a>
                <a
                  aria-label="Add To Wishlist"
                  class="action-btn small hover-up"
                  href="/wishlist"
                  tabindex="0"
                  ><i class="far fa-heart"></i
                ></a>
                <a
                  aria-label="Compare"
                  class="action-btn small hover-up"
                  href="/compare"
                  tabindex="0"
                  ><i class="far fa-exchange-alt"></i
                ></a>
              </div>
            </div>
            <div class="product-content-wrap">
              <h2>
                <a href="/product/right">Leather Watch Band</a>
              </h2>
              <div class="rating-result" title="90%">
                <span> </span>
              </div>
              <div class="product-price">
                <span>$238.85 </span>
                <span class="old-price">$245.8</span>
              </div>
            </div>
          </div>
          <!--End product-cart-wrap-2-->
        </div>
      </div>
    </div>
  </section>
  <section class="deals">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 deal-co">
          <div
            class="deal wow fadeIn animated mb-md-4 mb-sm-4 mb-lg-0"
            style="
              background-image: url('/static/imgs/banner/menu-banner-7.jpg');
            "
          >
            <div class="deal-top">
              <h2 class="text-brand">Deal of the Day.</h2>
              <h5>Limited quantities.</h5>
            </div>
            <div class="deal-content">
              <h6 class="product-title">
                <a href="/product/right"
                  >Smart Headphone New Morden Design</a
                >
              </h6>
              <div class="product-price">
                <span class="new-price">$139.00</span
                ><span class="old-price">$160.99</span>
              </div>
            </div>
            <div class="deal-bottom">
              <p>Hurry Up! Offer End In:</p>
              <div
                class="deals-countdown"
                data-countdown="2025/03/25 00:00:00"
              ></div>
              <a href="/shop/right" class="btn hover-up"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-lg-6 deal-co">
          <div
            class="deal wow fadeIn animated"
            style="
              background-image: url('/static/imgs/banner/menu-banner-8.jpg');
            "
          >
            <div class="deal-top">
              <h2 class="text-success">Gadgets & Accessories</h2>
              <h5>Computers & Laptop</h5>
            </div>
            <div class="deal-content">
              <h6 class="product-title">
                <a href="/product/right"
                  >Apple In-Ear Headphones with Remote and Mic</a
                >
              </h6>
              <div class="product-price">
                <span class="new-price">$178.00</span
                ><span class="old-price">$256.99</span>
              </div>
            </div>
            <div class="deal-bottom">
              <p>Hurry Up! Offer End In:</p>
              <div
                class="deals-countdown"
                data-countdown="2026/03/25 00:00:00"
              ></div>
              <a href="/shop/right" class="btn hover-up"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding-60">
    <div class="container">
      <h3 class="section-title style-1 mb-30 wow fadeIn animated">
        Featured Brands
      </h3>
      <div
        class="carausel-6-columns-cover arrow-center position-relative wow fadeIn animated"
      >
        <div
          class="slider-arrow slider-arrow-3 carausel-6-columns-arrow"
          id="carausel-6-columns-3-arrows"
        ></div>
        <div class="carausel-6-columns text-center" id="carausel-6-columns-3">
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-1.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-2.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-3.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-4.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-5.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-6.png"
              alt=""
            />
          </div>
          <div class="brand-logo">
            <img
              class="img-grey-hover"
              src="/static/imgs/banner/brand-3.png"
              alt=""
            />
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="bg-grey-9 section-padding-60">
    <div class="container">
      <div class="heading-tab d-flex">
        <div class="heading-tab-left wow fadeIn animated">
          <h3 class="section-title mb-35">Monthly <span>Best Sell</span></h3>
        </div>
        <div class="heading-tab-right wow fadeIn animated">
          <ul class="nav nav-tabs right no-border" id="myTab-1" role="tablist">
            <li class="nav-item" role="presentation">
              <button
                class="nav-link active"
                id="nav-tab-one-1"
                data-bs-toggle="tab"
                data-bs-target="#tab-one-1"
                type="button"
                role="tab"
                aria-controls="tab-one"
                aria-selected="true"
              >
                Featured
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="nav-tab-two-1"
                data-bs-toggle="tab"
                data-bs-target="#tab-two-1"
                type="button"
                role="tab"
                aria-controls="tab-two"
                aria-selected="false"
              >
                Popular
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link"
                id="nav-tab-three-1"
                data-bs-toggle="tab"
                data-bs-target="#tab-three-1"
                type="button"
                role="tab"
                aria-controls="tab-three"
                aria-selected="false"
              >
                New added
              </button>
            </li>
          </ul>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-3 d-none d-lg-flex">
          <div class="banner-img style-2 wow fadeIn animated">
            <img src="/static/imgs/banner/banner-9.jpg" alt="" />
            <div class="banner-text">
              <span>Gaming Area</span>
              <h4>Save 17% on <br />Assus Laptop</h4>
              <a href="/shop/right"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-lg-9 col-md-12">
          <div class="tab-content wow fadeIn animated" id="myTabContent-1">
            <div
              class="tab-pane fade show active"
              id="tab-one-1"
              role="tabpanel"
              aria-labelledby="tab-one-1"
            >
              <div
                class="carausel-4-columns-cover arrow-center position-relative"
              >
                <div
                  class="slider-arrow slider-arrow-2 carausel-4-columns-arrow"
                  id="carausel-4-columns-arrows"
                ></div>
                <div
                  class="carausel-4-columns carausel-arrow-center"
                  id="carausel-4-columns"
                >
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-2-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-2-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">Hot</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-3-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$138.85 </span>
                        <span class="old-price">$145.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-3-3.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-4.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="best">Best Sell</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Hugy Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$152.85 </span>
                        <span class="old-price">$156.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-4-3.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-4-4.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">-12%</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-11-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-11-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="sale">Sale</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--End tab-pane-->
            <div
              class="tab-pane fade"
              id="tab-two-1"
              role="tabpanel"
              aria-labelledby="tab-two-1"
            >
              <div
                class="carausel-4-columns-cover arrow-center position-relative"
              >
                <div
                  class="slider-arrow slider-arrow-2 carausel-4-columns-arrow"
                  id="carausel-4-columns-2-arrows"
                ></div>
                <div
                  class="carausel-4-columns carausel-arrow-center"
                  id="carausel-4-columns-2"
                >
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-3-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">Hot</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Leather Watch Band 2</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-4-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-4-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$138.85 </span>
                        <span class="old-price">$145.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-5-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-5-1.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="best">Best Sell</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Hugy Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$152.85 </span>
                        <span class="old-price">$156.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-6-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-6-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">-12%</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-7-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-7-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="sale">Sale</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="tab-three-1"
              role="tabpanel"
              aria-labelledby="tab-three-1"
            >
              <div
                class="carausel-4-columns-cover arrow-center position-relative"
              >
                <div
                  class="slider-arrow slider-arrow-2 carausel-4-columns-arrow"
                  id="carausel-4-columns-3-arrows"
                ></div>
                <div
                  class="carausel-4-columns carausel-arrow-center"
                  id="carausel-4-columns-3"
                >
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-8-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-8-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">Hot</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-9-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-9-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$138.85 </span>
                        <span class="old-price">$145.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-10-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-10-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="best">Best Sell</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Hugy Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$152.85 </span>
                        <span class="old-price">$156.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-4-3.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-4-4.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">-12%</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-11-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-11-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a
                          aria-label="Quick view"
                          class="action-btn small hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn small hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn small hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="sale">Sale</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--End tab-content-->
        </div>
        <!--End Col-lg-9-->
      </div>
    </div>
  </section>
  <section class="section-padding-60">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <h3 class="section-title style-1 mb-30 wow fadeIn animated">
            News & Trending
          </h3>
          <div class="post-list mb-4 mb-lg-0">
            <article class="wow fadeIn animated">
              <div class="d-md-flex d-block">
                <div class="post-thumb d-flex mr-15 border-radius-10">
                  <a class="color-white" href="single.html">
                    <img
                      class="border-radius-10"
                      src="/static/imgs/blog/blog-2.jpg"
                      alt=""
                    />
                  </a>
                </div>
                <div class="post-content">
                  <div class="entry-meta mb-5 mt-10">
                    <a class="entry-meta meta-2" href="category.html"
                      ><span
                        class="post-in text-danger font-x-small text-uppercase"
                        >Tech</span
                      ></a
                    >
                  </div>
                  <h4 class="post-title mb-25 text-limit-2-row">
                    <a href="/post"
                      >Qualcomm is developing a Nintendo Switch-like console,
                      report says</a
                    >
                  </h4>
                  <div class="entry-meta meta-1 font-xs color-grey mt-10 pb-10">
                    <div>
                      <span class="post-on">
                        <i class="far fa-clock"></i> 14 April 2024</span
                      >
                      <span class="hit-count has-dot">12M Views</span>
                    </div>
                    <a href="/post/right"
                      >Read more <i class="fa fa-arrow-right font-xxs ml-5"></i
                    ></a>
                  </div>
                </div>
              </div>
            </article>
            <article class="wow fadeIn animated">
              <div class="d-md-flex d-block">
                <div class="post-thumb d-flex mr-15 border-radius-10">
                  <a class="color-white" href="single.html">
                    <img
                      class="border-radius-10"
                      src="/static/imgs/blog/blog-1.jpg"
                      alt=""
                    />
                  </a>
                </div>
                <div class="post-content">
                  <div class="entry-meta mb-5 mt-10">
                    <a class="entry-meta meta-2" href="category.html"
                      ><span
                        class="post-in text-info font-x-small text-uppercase"
                        >Telecom</span
                      ></a
                    >
                  </div>
                  <h4 class="post-title mb-25 text-limit-2-row">
                    <a href="/post"
                      >Not even the coronavirus can derail 5G's global
                      momentum</a
                    >
                  </h4>
                  <div class="entry-meta meta-1 font-xs color-grey mt-10 pb-10">
                    <div>
                      <span class="post-on">
                        <i class="far fa-clock"></i> 14 April 2024</span
                      >
                      <span class="hit-count has-dot">12M Views</span>
                    </div>
                    <a href="/post/right"
                      >Read more <i class="fa fa-arrow-right font-xxs ml-5"></i
                    ></a>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="row">
            <div class="col-md-6">
              <div class="banner-img banner-1 wow fadeIn animated">
                <img
                  class="border-radius-10"
                  src="/static/imgs/banner/banner-5.jpg"
                  alt=""
                />
                <div class="banner-text">
                  <span>Gaming Area</span>
                  <h4>Save 17% on <br />Assus Laptop</h4>
                  <a href="/shop/right"
                    >Shop Now <i class="fa fa-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="banner-img mb-15 wow fadeIn animated">
                <img
                  class="border-radius-10"
                  src="/static/imgs/banner/banner-6.jpg"
                  alt=""
                />
                <div class="banner-text">
                  <span>Smart Offer</span>
                  <h4>Save 20% on <br />iPhone 12</h4>
                  <a href="/shop/right"
                    >Shop Now <i class="fa fa-arrow-right"></i
                  ></a>
                </div>
              </div>
              <div class="banner-img banner-2 wow fadeIn animated">
                <img
                  class="border-radius-10"
                  src="/static/imgs/banner/banner-7.jpg"
                  alt=""
                />
                <div class="banner-text">
                  <span>Smart Offer</span>
                  <h4>Save 20% on <br />iPhone 12</h4>
                  <a href="/shop/right"
                    >Shop Now <i class="fa fa-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="mb-60">
    <div class="container">
      <div
        class="banner-bg wow fadeIn animated"
        style="background-image: url('/static/imgs/banner/banner-8.jpg')"
      >
        <div class="banner-content">
          <h5 class="text-grey-4 mb-15">Shop Today’s Deals</h5>
          <h3 class="fw-600">Specialized storage for tourism</h3>
        </div>
      </div>
    </div>
  </section>
  <section class="mb-60">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6 mb-sm-5 mb-md-0">
          <div class="banner-img wow fadeIn animated mb-md-4 mb-lg-0">
            <img
              class="border-radius-10"
              src="/static/imgs/banner/banner-10.jpg"
              alt=""
            />
            <div class="banner-text">
              <span>Music Zone</span>
              <h4>Save 17% on <br />Headphone</h4>
              <a href="/shop/right"
                >Shop Now <i class="fa fa-arrow-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 mb-sm-5 mb-md-0">
          <h4 class="section-title style-1 mb-30 wow fadeIn animated">
            Deals & Outlet
          </h4>
          <div class="product-list-small wow fadeIn animated">
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-3.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-4.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-5.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 mb-sm-5 mb-md-0">
          <h4 class="section-title style-1 mb-30 wow fadeIn animated">
            Top Selling
          </h4>
          <div class="product-list-small wow fadeIn animated">
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-6.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-7.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-8.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <h4 class="section-title style-1 mb-30 wow fadeIn animated">
            Hot Releases
          </h4>
          <div class="product-list-small wow fadeIn animated">
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-9.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-1.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
            <article class="row align-items-center">
              <figure class="col-md-3 mb-0">
                <a href="/product/right"
                  ><img src="/static/imgs/shop/thumbnail-2.jpg" alt=""
                /></a>
              </figure>
              <div class="col-md-9 pl-0">
                <h4 class="title-small">
                  <a href="/product/right"
                    >The World Caters to Average Editor's picked</a
                  >
                </h4>
                <div class="product-price">
                  <span>$238.85 </span>
                  <span class="old-price">$245.8</span>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
